.ball_broken {
    width:48px; 
    height:48px; 
    background: transparent url( ../images/q.gif  ) no-repeat -27px -14px;  
}

.ball_black { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -0px 0px;  
}

.ball_blue { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -48px 0px;  
}
.ball_cyan { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -96px 0px;  
}
.ball_green { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -144px 0px;  
}
.ball_purple { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -192px 0px;  
}
.ball_red { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -240px 0px;  
}
.ball_white { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -288px 0px;  
}
.ball_yellow { 
    width:48px; 
    height:48px; 
    background: transparent url( ../images/balls.png  ) no-repeat -336px 0px;  
}

td.fall_cell_even {
	width: 48px;
	height: 48px;
	background: #777799;
	border: 2px solid #777799;
}

td.fall_cell_odd {
	width: 48px;
	height: 48px;
	background: #AAAABB;
	border: 2px solid #AAAABB;
}

td.fall_cell_even:hover {
	background: #333355;
	border: 2px solid red;
}

td.fall_cell_odd:hover {
	background: #DDDDFF;
	border: 2px solid red;
}

#fall_cell_hot {
	background: black url( ../images/spin.gif ) no-repeat;
}

.fall_table {
	margin:10px;
	background: #AAAABB;
	border: outset 4px solid yellow;
	border-collapse: separate;
}

.fall_controls {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	height: 48px;
	height: 450px;
	width: 192px;
	font-size: x-large;
	/*background: #AAAABB;*/
	background: transparent url( ../images/shade_192.png )  repeat-y ;
	background: transparent url( ../images/shade_aaaabb_192.png )  repeat-y ;
	float:left;
}

.fall_controls div {
	font-family: Sans;
	font-size: x-large;
	margin-left: auto;
	margin-right: auto;
}

.fall_controls button {
	font-family: Sans;
	font-size: x-large;
	margin-left: auto;
	margin-right: auto;
}

.fall_score_label {
	margin-top:0.3em;
	margin-bottom:0.4em;
	width: 3em;
}

.fall_score_field {
	width: 6em;
	background:black;
	color:white;
	text-align:right;
	nowrap:nowrap
	overflow:hidden;
	padding-right: 0.2em;
	border-top: 1px solid #333355;
	border-left: 1px solid #333355;
	border-bottom: 1px solid #DDDDFF;
	border-right: 1px solid #DDDDFF;
}

button.fall_buy_button {
	margin-top:1em;
	margin-bottom:0.4em;
}

.fall_buy_field {
	width: 6em;
	background:black;
	color:white;
	text-align:right;
	overflow:hidden;
	padding-right: 0.2em;
	border-top: 1px solid #333355;
	border-left: 1px solid #333355;
	border-bottom: 1px solid #DDDDFF;
	border-right: 1px solid #DDDDFF;
}

td.fall_hint {
	border: 2px solid red;
}

button.fall_hint_button {
	margin-top:1em;
	color: #6622FF;
	font-size: x-large;
	font-weight: 800;
}

button.fall_hint_button:hover {
	color: #AA44FF;
}

.fall_main {
	width: 684px;
	background: transparent url( ../images/bg/poly.jpg )
	position:relative;
	border: 4px outset yellow;
}

.fall_all {
	width: 692px;
	border: 4px inset yellow;
}

.shorty {
	height:0px;
}

.fall_notify_div {
	color:black;

	position: absolute;
	width:300px;
	margin-top:-300px;
	margin-left:200px;

	background: white;
	display:none;
	border: 2px solid black;
}

.fall_score_div {
	width:6em;

	position: absolute;
	margin-left:300px;
	margin-top:-300px;

	background: #DDDDAA;
	color:white;
	display:none;
	font-size: xx-large;
	-moz-border-radius:    0.4em;
	-webkit-border-radius: 0.4em;
	border-radius:         0.4em;
}

.fall_new_game_div {

	position: absolute;
	width:300px;
	margin-top:-300px;
	margin-left:200px;

	background: white;
	color:black;

	display:none;
	border: 2px solid black;
}

.fall_notify_title {
	background: #AAAABB;
	border-bottom: 2px solid black;
	padding:2px;
}

.fall_notify_text {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left:  1em;
	margin-right: 1em;
}

.fall_notify_ok_button {
	margin-bottom: 0.5em;
}

.fall_new_button {
	position:relative;
	top: 50px;
	font-size:medium;
}

.no_show {
	display:none;
}

.sound_on {
	margin-top:0.2em;
	background:url(../images/snd_on.png) no-repeat;
	width:32px;
	height:40px;
}

.sound_off {
	margin-top:0.2em;
	background:url(../images/snd_off.png) no-repeat;
	width:32px;
	height:40px;
}

/* someday.............. */

/* http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html */

a.button {
	background: transparent url('bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}

a.button span {
	background: transparent url('bg_button_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
} 
